<div class="d-flex align-items-center mb-3">
    <h4 class="mr-auto">Corporate Governance</h4>
    <div class="ml-auto">
        <a class="btn btn-transparent primary-dark ml-auto text-none" href="javascript:;;" (click)="insightsModal.show()" *ngIf="insights">Insights</a>
        <app-company-report-download [company]="company" [downloadData]="downloadData" [displayText]="'Report'" class="ml-2" [analyticsData]="analyticsData"></app-company-report-download>
    </div>
</div>

<router-outlet></router-outlet>

<app-modal #insightsModal [id]="'insightsModal'" [size]="'modal-xl'" [showCloseButton]=true>
    <div class="app-modal-body px-4">
        <governance-insights [insights]="insights" [companyId]="company.id"></governance-insights>
    </div>
</app-modal>